草庐IT

html 图像

全部标签

javascript - 无需 HTML/浏览器即可生成图表

我有一个访问MySQL数据库数据的node.js应用程序,我想从该数据动态生成图表,将其作为图像(PNG/JPG)通过HTTP服务器通过管道传输给用户。我已经搜索了一段时间,但如果没有HTML/canvas方法,我无法找到一个库来执行此操作。因为我想让服务器进行渲染以使用电子邮件中的图形或动态渲染的PDF文件,所以这不是一个选项。这里的方法是什么(有或没有库)?编辑以提供自己工作的证明:我找到了https://plot.ly,它在使用和结果方面非常接近满足我的需求,但需要互联网连接,因为它调用远程API。 最佳答案 您也可以尝试在S

javascript - Angular2 - 在动态添加的 HTML 中捕捉/订阅(点击)事件

我正在尝试将包含(click)事件的字符串注入(inject)Angular2模板。加载DOM后,从后端动态检索字符串。Angular无法识别注入(inject)的(click)事件也就不足为奇了。示例模板:后端给出的示例字符串:vartest="Whenready,clickme."Angular组件中的示例函数调用:itemClick(event){debugger;}我的下一个猜测是尝试让Angular订阅或捕获一个普通的javascript事件,因此字符串将是:vartest="Whenready,clickme."果然,我得到一个错误,提示itemClickisnotdefi

javascript - 从 Delta on Quill 获取 HTML

我正在尝试从Quill上的delta获取HTML代码。这是我的代码EditorvartoolbarOptions=[['bold','italic','underline','strike'],['blockquote','code-block'],[{'header':1},{'header':2}],[{'list':'ordered'},{'list':'bullet'}],[{'script':'sub'},{'script':'super'}],[{'indent':'-1'},{'indent':'+1'}],[{'direction':'rtl'}],[{'size':[

javascript - 如果图像 'src' 是 '(unknown)' 替换为 'missing.png'

如果数据库中未提供图像,我的CMS会生成imgsrc="(unknown)"。我想在发生这种情况时使用javascript将其更改为imgsrc="/images/missing.png"作为一个完整的JS菜鸟,我尝试了几种hack,但似乎都没有用……有什么想法吗?(如果有任何不同,页面上可能有不止一张图片) 最佳答案 如果您使用onError事件处理丢失的图像src,这应该对您有用 关于javascript-如果图像'src'是'(unknown)'替换为'missing.png',我

javascript - 从 javascript 设置 html 值?

varp=s.getMaximum();可以将javascript值'p'作为输入表单的值传递吗?谢谢。 最佳答案 您可以使用javascript将该元素的值设置为p。document.getElementById("Text1").value=p; 关于javascript-从javascript设置html值?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/603974/

javascript - 如何向任何 HTML 元素添加 alpha 过滤器并在 IE 中保留其他过滤器?

如果我有这个HTML然后这个javascript在IE6中工作document.getElementById("a").filters.alpha.opacity=60;但是如果没有设置样式javascript抛出错误'filters.alpha'为空或不是对象这段代码有效document.getElementById("a").style.filter="alpha(opacity=60)";但是随后应用于图像的其他滤镜将被覆盖。所以问题是:如何向任何HTML元素添加alpha过滤器并在IE中保留其他过滤器?编辑我想要纯javascript(不是jQuery)解决方案

javascript - 如何在文档准备好和图像加载后调用函数?

我正在使用这样的东西:$(document).ready(function(){$('#my-img').load(function(){//dosomething});});但有时它无法执行第二个回调(没有抛出任何错误,因此无事可做),我想可能是在文档准备好之前加载了图像。如果我不使用$(document).ready()部分,它工作正常,所以我想我现在要保留它。但是有人告诉我,在文档准备好时总是做这种事情作为回调是一个很好的做法,因为文档可能还没有准备好。是吗?有什么想法吗? 最佳答案 取自documentationonload

Javascript 将动态图像从 URL 绘制到 Canvas 元素上

我正在尝试使用其URL将动态PNG图像(由PHP脚本生成的图像)​​绘制到Canvas元素上。我无法真正发布我正在测试的页面的确切URL,因为您必须登录该网站。我正在使用的动态图像URL之一的示例是:http://www.website.com/includes/dynamicimage.php?ID=29718958161如果您登录到这个特定网站并将该URL粘贴到您的地址栏中,它会正确显示图像。但是,以下Javascript代码无法将其正确绘制到Canvas元素上:functioncheckImage(imageContext){varcanvas=document.createEl

javascript - 检查本地文件是否存在(HTML5 FS API)

我正在开发一个Chrome扩展,我想检查一个文件是否存在。我不想对该文件做任何事情:我只想检查它是否存在。如果我使用XMLHttpRequest它不起作用,因为出于安全原因不允许这样做。所以我必须使用HTML5FSAPI。问题是这个API没有方法来检查文件是否存在。我有一个名为“fileExists”的变量,我想知道如何根据文件的存在(由URL确定)将其值从false更改为true或从true更改为false。谢谢。 最佳答案 使用类似的东西:functionexists(fileName,callback){storageRoot

javascript - 如何在页面加载时更改 HTML 内容

我在我们的网站上进行A/B测试,我的大部分工作都是在一个JS文件中进行的,该文件在呈现任何其他内容之前加载到页面顶部,但在加载jQuery之后有时会派上用场。举一个更改H1标签的非常简单的例子,我通常会在头部注入(inject)一个样式,将H1不透明度设置为0,然后在DOMContentLoaded上,我会操作H1内容,然后将不透明度设置为1。这样做的原因是为了避免在更改发生之前闪现旧内容-隐藏整个对象在视觉上更加优雅。我已经开始研究MutationObserverAPI。我之前在用户可以打开的覆盖对话框中更改内容时使用过它,这似乎是一种很酷的方法,我想知道是否有人设法使用Mutati